<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">

<!--[if lt IE 9]>
<script type="text/javascript" src="lib/html5.js"></script>
<script type="text/javascript" src="lib/respond.min.js"></script>
<script type="text/javascript" src="lib/PIE_IE678.js"></script>
<![endif]-->
<link href="css/H-ui.min.css" rel="stylesheet" type="text/css" />
<link href="css/H-ui.admin.css" rel="stylesheet" type="text/css" />
<link href="lib/Hui-iconfont/1.0.1/iconfont.css" rel="stylesheet" type="text/css" />


<title>全国加盟列表</title>
</head>
<body>

<!-- <input type="hidden" name="totalRowNumber" id="totalRowNumber" value=""/> -->
<nav class="breadcrumb"><i class="Hui-iconfont">&#xe67f;</i> 首页 <span class="c-gray en">&gt;</span> 其他<span class="c-gray en">&gt;</span> 全国加盟列表 <a class="btn btn-success radius r mr-20" style="line-height:1.6em;margin-top:3px" href="javascript:location.replace(location.href);" title="刷新" ><i class="Hui-iconfont">&#xe68f;</i></a></nav>
<div class="pd-20">
	<div class="text-c pb-20"> 
		<input type="text" class="input-text" style="width:250px" placeholder="输入名称" id="key" name="key">
		<button type="submit" class="btn btn-success radius"  onClick="demo()"id="" name=""><i class="Hui-iconfont">&#xe665;</i> 搜用户</button>
	</div>
	<div class="cl pd-5 bg-1 bk-gray"> <span class="l"><!-- <a href="javascript:;" onclick="datadel()" class="btn btn-danger radius"><i class="Hui-iconfont">&#xe6e2;</i> 批量删除</a> --> </span> <span class="r">共有数据：<strong id="sum"></strong> 条</span> </div>
	<div class="mt-20">
	<table class="table table-border table-bordered table-hover table-bg table-sort">
		<thead>
			<tr class="text-c">
				<th width="100">用户名</th>
				<th width="90">手机</th>
				<th width="100">邮箱</th>
				<th width="100">微信</th>
				<th width="150">公司名称</th>
				<th width="100">合作模式</th>
				<th width="100">详细地址</th>
				<th width="70">申请时间</th>
			</tr>
		</thead>
		<tbody id="str">
			<!-- <tr class="text-c">
				<td>1</td>
				<td>张三</td>
				<td><img src="" alt=""></td>
				<td>13000000000</td>
				<td>2014-6-11 11:11:42</td>
				<td>自主注册</td>
				<td class="td-status"><span class="label label-success radius">已启用</span></td>
				<td class="td-manage"><a style="text-decoration:none" onClick="member_stop(this,'10001')" href="javascript:;" title="停用"><i class="Hui-iconfont">&#xe631;</i></a> <a title="编辑" href="javascript:;" onclick="member_edit('编辑','member-add.html','4','','510')" class="ml-5" style="text-decoration:none"><i class="Hui-iconfont">&#xe6df;</i></a> <a style="text-decoration:none" class="ml-5" onClick="change_password('修改密码','change-password.html','10001','600','270')" href="javascript:;" title="修改密码"><i class="Hui-iconfont">&#xe63f;</i></a> <a title="删除" href="javascript:;" onclick="member_del(this,'1')" class="ml-5" style="text-decoration:none"><i class="Hui-iconfont">&#xe6e2;</i></a></td>
			</tr> -->
		</tbody>
	</table>
	</div>
</div>
<div id="page1" style="float:right"></div>
<script type="text/javascript" src="lib/jquery/1.9.1/jquery.min.js"></script> 
<script type="text/javascript" src="lib/layer/1.9.3/layer.js"></script>
<script type="text/javascript" src="lib/laypage/1.2/laypage.js"></script> 
<script type="text/javascript" src="lib/datatables/1.10.0/jquery.dataTables.min.js"></script> 
<script type="text/javascript" src="js/H-ui.js"></script> 
<script type="text/javascript" src="js/H-ui.admin.js"></script> 
<script type="text/javascript">
$(function(){
demo();

});

//以下将以jquery.ajax为例，演示一个异步分页
function demo(curr){
	
	var key=$("#key").val();
// alert(key);
    $.ajax( {  
		     url:'/baby/babyJoin/queryJoin',// 跳转到 action  
		     data:{
		     	pageNum : curr
		     	,key:key
		     },  
		     type:'post',  
		     cache:false,  
		     dataType:'json',  
		     success:function(data) { 
		         if(data.code =="2000" ){ 
		             // alert(data.data.totalRowNumber); 
		             // console.log(data); 
		              if(data.data==null ){
		             	alert("没有找到数据");
		             	return
		             }
		             var datalist= data.data.dataList;
		             //拼页面
		             var s=data.data.totalRowNumber;
		             document.getElementById("sum").innerHTML=s
		             var htmlstr='';
		             for (var i=0;i<datalist.length;i++){
		             	var obj=datalist[i]; //获取单个数据对象
		             	var st=obj.state;
		             	var htm='' ;
		             	var reg=''
		             	var but='';
		             	if(obj.type==0){
		             		htm='加盟商：连锁模式，接受总部统一的品牌、市场和培训管理，在划定保护区域内有专做总部业务的实体'
		             	}else if(obj.type==1){
		             		htm='渠道商：合作模式，接受我方统一的品牌、市场和培训管理，在自己的实体内兼做我方业务';
		             	}else if(obj.type==2){
		             		htm='代理商：代理模式，接受总部统一的品牌、市场和培训管理，个体代理总部业务';
		             	}
	             		htmlstr+='<tr class="text-c">'
	             				+'<td>'+obj.name+'</td>'
								+'<td>'+obj.phone+'</td>'
								+'<td>'+obj.email	+'</td>'
								+'<td>'+obj.weixin+'</td>'
								+'<td>'+obj.companyName+'</td>'
								+'<td>'+htm+'</td>'
								+'<td>'+obj.address+'</td>'
								+'<td>'+obj.createTime+'</td>'
						}
					document.getElementById("str").innerHTML =htmlstr
					// $("#tobdy").text(htmlstr)
		             // window.location.href='index.html'
		            // window.location.reload();  
		             laypage({
					    cont: $('#page1'), //容器。值支持id名、原生dom对象，jquery对象,
					    pages:data.data.totalRowNumber, //总页数
					    skip: true, //是否开启跳页
					    groups: 5, //连续显示分页数
					    curr: data.data.currentPage, //当前页
					    pages:data.data.totalPage,
					    jump: function(obj, first){
					    //得到了当前页，用于向服务端请求对应数据
					    var curr = obj.curr;
					    	// alert('xxx'+curr);
					    	if(!first){
								demo(curr);	
					    	}
						}
					});

		         }else if(data.code =="5001" ){
					alert(data.message); 
					 window.parent.location.href='http://localhost:8080/baby/resource/admin/login.html'
	             	console.log(data);  
		         }  
		      }, error : function(e) {      
		             // view("异常！");  
		         console.log("查询出现异常>"+e); 
		          //   alert("！");  
		     }  
		});
};


</script> 
</body>
</html>